<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <title>智慧公交 济南公交查询 公交位置实时查询</title>
    <link rel="stylesheet" href="css/mui.min.css"/>
    <!--<link rel="stylesheet" href="css/wap.min.css" />-->
    <style>
    	::-ms-clear,::-ms-reveal{
    		display:none;
    	}
    	.bus-logo {
			text-align: center
		}
		
		.bus-logo img {
			margin-top: 20px;
			margin-bottom: 20px;
			width: 200px
		}
		
		.bus-search-content {
			max-width: 500px;
			margin: 0 auto
		}
		
		.bus-search-bar {
			width: 100%;
			text-align: center;
			left: 50%;
			position: relative;
			margin-left: -50%;
			padding: 0 7%
		}
		
		.bus-search-input {
			height: 45px!important;
			border: 0 solid!important;
			box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, .1);
			font-size: 18px;
			box-sizing: border-box;
			margin: 0 -2px 0 0;
			width: 75%!important;
			padding-left: 9px!important;
			display: inline-block;
			border-radius: 0px!important;
		}
		
		.bus-search-btn {
			display: inline-block;
			margin: 0 0 0 -3px;
			padding: 0;
			text-align: center;
			box-sizing: content-box;
			width: 25%;
			border-top-right-radius: 2px;
			border-bottom-right-radius: 2px;
			border-top-left-radius: 0px;
    		border-bottom-left-radius: 0px;
			background-color: #007aff;
			color: #fff;
			font-size: 1pc;
			line-height: 45px;
			border-left-width: 0;
			border-right-width: 0;
			border-top: 1px solid #02afe7;
			border-bottom: 1px solid #02afe7;
			display: inline-block;
			vertical-align: inherit;
			box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, .1);
		}
		
		footer {
			position: absolute;
			bottom: 5px;
			width: 100%;
		}
		
		.bus-index-content{
			margin:10% 0;
		}
		
		.tip_box {
			border: 1px solid #02afe7;
			position: absolute;
			width: 250px;
			background: #fff;
			border-top-right-radius: 2px;
			border-bottom-right-radius: 2px;
			box-shadow: 0 4px 5px rgba(0, 0, 0, .15);
			z-index: 9999;
			margin: -14px 0 0 -1px;
		}
		
		.tip_box ul {
			padding: 0;
			margin: 5px;
			max-height: 300px;
			overflow-y: auto
		}
		
		.tip_box>ul.bus-tips{
			margin-bottom: 30px;
		}
		
		.tip_box>ul li{
			transition: all 0.1s;
		}
		
		.tip_box ul li.active {
			background-color: #cbe3fe;
			transition: all 0.2s;
		}
				
		.tip_box>ul li:not(.useother):hover{
			background-color: rgba(229,241,254,0.5);
		}
		
		.tip_box>ul.bus-tips li.mui-collapse:hover{
			background-color: #eee;
		}
		
		.tip_box>ul.bus-tips li.mui-disabled{
			cursor:default;
		}
		
		.tip_box>ul.bus-tips li.mui-disabled:hover{
			background-color: initial;
		}
			
		li.bus-tips{
			position: absolute;
			bottom: 0;
			padding:4px 11px!important;
			left: 0;
			right: 0;
			height: 30px;
			background-color: #E5F1FE;
		}
		
		.tip_box ul li {
			list-style: none;
			padding: 3px 7px 4px;
			cursor: pointer;
			font-size: 14px;
			text-align: left
		}
		
	
		.bus-tipbox-lname{
			min-width: 8%;
			display: inline-block;	
			color: #222222;
		}
		
		.mui-active .bus-tipbox-sname, 
		.bus-stationli-big .bus-tipbox-sname,
		.bus-tipbox-route-transfer
		{
			font-size: 15px!important;
			margin: 10px 0 0 7px!important;
		}
		
		.mui-active .bus-tipbox-stag, 
		.bus-stationli-big .bus-tipbox-stag{
			display: block!important;
		}
		
		.bus-stationli-small .bus-tipbox-sname{
			font-size: 14px;
			margin: 15px 0 10px 7px;
		}
		
		.bus-stationli-small .bus-tipbox-stag{
			display: none;
		}
		
		.bus-tipbox-station-line, 
		.bus-tipbox-route-line, 
		.bus-tipbox-route-walk{
			margin:0 60px 1px 17px;
			color: #666;
		}
		
		.bus-tipbox-route-line{
			color: #222;
		}
		
		.bus-tipbox-stag,.bus-tipbox-route-tag {
			margin: 0 4px 2px 7px;
			color: #8f8f94;
		}
		
		.text-muted{
			color:#666;
		}
		
		.bus-black{
			color:#000;
		}
		
		.mui-table-view-cell.mui-collapse.bus-stationli-small:after{
			left:100%;
		}
		
		.bus-search-bar .bus-search-input:valid + .mui-icon-closeempty{
		    font-size: 24px;
		    position: absolute;
		    z-index: 1;
		    top: 10px;
		    right: 28%;
		    width: 38px;
		    height: 38px;
		    text-align: center;
		    color: #999;
		    cursor: pointer;
		    display: block;
		}
		
		.bus-search-bar .mui-icon-closeempty{
			display: none;
		}
		
		.bus-search-bar .mui-icon-closeempty:hover::before{
		    content: '\e434';
		}
		
		.bus-search-icon{
			color: #8f8f94;
			font-size:12px;
			line-height: inherit;
		}
    </style>
</head>
<body>
	<h1 class="mui-hidden muted">智慧公交 济南公交查询 公交位置实时查询</h1>
	<div class="mui-content bus-index-content">
		<div class="bus-logo">
			<img src="img/logo.png" />
		</div>
		<div class="bus-search-content">
			<div class="bus-search-bar">
				<input type="text" class="bus-search-input" required="required" autocomplete="off"  autofocus="autofocus" id="bus-search-input"/>
				<span class="mui-icon mui-icon-closeempty"></span>
				<button class="bus-search-btn" >搜索</button>
			</div>
		</div>
	</div>
	<footer class="mui-h5 mui-text-center">
		<a href="cc.html" style="color: #dd524d;">智慧公交全新改版</a>
		<br />
		&copy;2013-2018 <a href="https://www.waitbus.com">waitbus.com</a>
	</footer>
    <script type="text/javascript" src="js/mui.min.js"></script>
    <script type="text/javascript" src="js/wap.min.js" ></script>
</body>
</html>